<template>
  <div class="talent-container">
	  <div class="box_title">分区核查完成情况</div>

      <div class="wrap-container sn-container">
          <div class="sn-content">
              <div class="sn-body">
                  <div class="wrap-container">

                      <div class="table">
                          <table border="0" cellpadding="0" cellspacing="0" class="table-header">
                              <tbody>
                              <tr>
                                  <td width="10%">
                                      <span>序号</span>
                                  </td>
                                  <td width="20%">
                                      <span>责任部门</span>
                                  </td>
                                  <td width="20%">
                                      <span>地块数量</span>
                                  </td>
                                  <td width="20%">
                                      <span>地上建筑数量</span>
                                  </td>
                                  <td width="20%">
                                      <span>物业利用面积</span>
                                  </td>
                              </tr>
                              </tbody>
                          </table>

                          <vue-seamless-scroll :data="listData" class="seamless-warp" :class-option="optionSetting">
                              <table border="0" cellpadding="0" cellspacing="0" class="item">
                                  <tbody>
                                  <tr v-for="(item, index) in listData" :key="index">
                                      <td width="35%" class="title">
                                          <span>{{ item.id }}</span>
                                      </td>
                                      <td width="45%" class="title">
                                          <span>{{ item.name }}</span>
                                      </td>
                                      <td width="22%" style="position: relative;left: -20px;top:-20px;">
                                          <span>{{ item.date }}</span>
                                      </td>
                                      <td width="20%" style="position: relative;left: -20px;top:-20px;">
                                          <span>{{ item.num }}</span>
                                      </td>
                                      <td width="20%" style="position:relative;top: -20px">
                                          <span >{{ item.hot }}</span>
                                      </td>
                                  </tr>
                                  </tbody>
                              </table>
                          </vue-seamless-scroll>
                      </div>

                  </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "talent",
    components:{

    },
  data() {
    return {
        listData: [{
            id: '1',
            name:'投促中心',
            date: '46',
            num: '74',
            hot: 442914
        }, {
            id: '2',
            name:'农林水务局',
            date: '78',
            num: '78',
            hot: 941998
        }, {
            id: '3',
            name:'财政分局',
            date: '159',
            num: '225',
            hot: 174217
        }, {
            id: '4',
            name:'经济发展局',
            date: '79',
            num: '129',
            hot: 400197
        }]
    }
  },
    computed: {

    },
  mounted() {

  },
  methods: {

  },
  beforeDestroy() {

  }
};
</script>

<style lang="scss" scoped>
    @import url("../../assets/styles/emo/hecha.css");
    /*@import url("../../assets/styles/index.scss");*/
.talent-container {
  .chart {
    height:5.33rem;
  }
}
    .sn-container .table .table-header tr td, .sn-container .table .seamless-warp .item tr td{
        padding: 10px 5px;
        text-align: center;
        background-color: transparent;
        white-space: nowrap;
        overflow: hidden;
        color: #E2E5FF;
        font-size: 14px;
    }
    .sn-container .table .table-header tr td, .sn-container .table .seamless-warp .item tr{
        height: 75px;
    }

</style>
